<!DOCTYPE html>
<html>    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="msapplication-tap-highlight" content="no" >
        <title>Demo</title>
        <!-- Path to Framework7 Library CSS-->
        <link rel="stylesheet" type="text/css" href="css/framework7.ios.min.css">
        <link rel="stylesheet" type="text/css" href="css/framework7.ios.colors.min.css">
        <link rel="stylesheet" type="text/css" href="css/myApp3.css">
        <link rel="stylesheet" type="text/css" href="css/framework7-icons.css">
	</head>
    <body style="-webkit-text-size-adjust:none;">
    <!-- Status bar overlay for full screen mode (PhoneGap) -->
    <div class="statusbar-overlay"></div>
    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Top Navbar-->
        <!-- <div class="navbar">
          <div class="navbar-inner">
          </div>
        </div> -->
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through">
          <!-- Page, "data-page" contains page name -->
          <div data-page="findPath" class="page no-navbar" id="findPath" style="background-color:#fff;">
          	<div class="floor-switch">
					<div class="switch-btn" floor='3'>3层</div>
					<div class="switch-btn active" floor='1'>1层</div>
			</div>
			<!-- <div class="my-loc-btn"></div> -->
	        <div class="toolbar" style="height:88px;display:none;">
				<div class="toolbar-inner" style="flex-direction: column;padding:0;">
				    <div class="loc-name" style="width: 100%;line-height: 44px;text-align: center;"></div>
				    <div class="loc-btn">
						<a href="#" class="startloc">设为起点</a>
						<a href="#" class="endloc" >设为终点</a>
					</div>
					<div class="walk-icon" data-navendblockX='0' data-navendblockY='0' data-navendFloor='1'>
					<div style="position: absolute;width: 50px;font-size: 12px;color: #fff;top: 40px;text-align: center;left: 5px;">
						去这里
					</div>
				    </div>
				</div>
			</div>
			<div class="routeinfo" floor="0">
				<div class="route-inner"></div>
				<div class="route-icon"></div>
			</div>
            <!-- Scrollable page content -->
            <div class="page-content">
            	<!-- preload img -->
            	<img src="img/hopital1.png"  style="display:none;"/>
               	<img src="img/hopital3.png"  style="display:none;"/>
                <img src="img/my-loc-icon.png" style="display:none;"/>
                <!-- Select -->
                <div class="list-block" style="margin: 20px 0;">
                <ul style="display: flex;flex-direction: row;justify-content: space-around;background-color:transparent;">
				    <li style="background-color:#1dd697;">
				      <div class="item-content">
				        <div class="item-media"><i class="icon f7-icons color-white">compass_fill</i></div>
				        <div class="item-inner">
				          <div class="item-input">
				            <select style="color:#fff;" name="startpoint">
				              <option value="0">当前位置</option>
				              <option value="1">预检咨询</option>
				              <option value="2">门诊药房</option>
				              <option value="3">急诊药房</option>
				              <option value="4">CT室</option>
				              <option value="5">挂号收费</option>
				              <option value="6">护士站</option>
				              <option value="7">B超</option>
				            </select>
				          </div>
				        </div>
				      </div>
				    </li>
				    <li style="background-color:#ff0000;">
				      <div class="item-content">
				        <div class="item-media"><i class="icon f7-icons color-white">compass_fill</i></div>
				        <div class="item-inner">
				          <div class="item-input">
				            <select style="color:#fff;" name="endpoint">
				              <option value="0">终点</option>
				              <option value="1">预检咨询</option>
				              <option value="2">门诊药房</option>
				              <option value="3">急诊药房</option>
				              <option value="4">CT室</option>
				              <option value="5">挂号收费</option>
				              <option value="6">护士站</option>
				              <option value="7">B超</option>
				            </select>
				          </div>
				        </div>
				      </div>
				    </li>
				</ul>
			    </div>
            	<div class="map-container" data-angle="0" data-scale="1" data-axisX="0" data-axisY="84" data-floor="1">
	                <canvas id="floor-canvas" width="300" height="150"></canvas>
	                <!-- <img class='elevator-icon1 elevator-icon marker' floor="1" src='img/elevator.png'>
	                <img class='elevator-icon3 elevator-icon marker' floor="3" src='img/elevator.png'> -->
               		<img class='loc-icon marker' floor="1" src='img/loc-icon.png'>
               		<img class='loc-icon-start marker' floor="1" src='img/loc-icon-start.png'>
               		<img class='loc-icon-end marker' floor="1" src='img/loc-icon-end.png'>
               		<img class='current-icon marker' floor="1" data-blockX='0' data-blockY='0' data-detectFloor="1" src="img/current-icon.png">
					</div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="js/framework7.js"></script>
    <script type="text/javascript" src="js/pathfinding-browser.min.js"></script>
    <script type="text/javascript" src="js/hammer.min.js"></script>
    <script type="text/javascript" src="js/config3.js"></script>
    <script type="text/javascript" src="js/sysconfig3.js"></script>
    <script type="text/javascript" src="js/init3.js"></script>
    <script type="text/javascript" src="js/function3.js"></script>
    <script type="text/javascript" src="js/event3.js"></script>
    <!--<script type="text/javascript" src="js/getIp3.js"></script>-->
    <script type="text/javascript">
    if (canvas.getContext){
    	  /***支持画布***/
    	  //渲染背景
    	  var ctx = canvas.getContext('2d');  
    	} else {
    	  // 不支持画布
    	  myApp.alert('当前系统不支持画布');
    	}
    </script>
    </body>
</html>